<div id="panelList" class="panel panel-widget panel-default">
    <div class="panel-heading bordered-bottom-highlight bordered-themesecondary">
        <div class="row mu-panel-toolbar">
            <div class="col-xs-12 col-md-6 btn-group">
                <a class="btn" data-label="新增" data-page="examples/admin/index/form.html" data-toggle="pushBreadcrumb">
                    <i class="fa fa-plus-circle fa-lg"></i> 新增
                </a>
                <a class="btn" data-toggle="pushBreadcrumb" data-label="编辑" data-page="examples/admin/index/form.html">
                    <i class="fa fa-pencil fa-lg"></i> 编辑
                </a>
                <a class="btn" href="#">
                    <i class="fa fa-files-o"></i> 复制
                </a>
                <a class="btn" href="#">
                    <i class="fa fa-trash-o fa-lg"></i> 删除
                </a>
                <a id="addForm" class="btn" data-label="模态框" data-toggle="modalbox" data-type="iframe"  data-title="iframe 测试" data-url="../../../partial/iframe-modal.html" data-width="800px" data-height="500px">
                    <i class="fa fa-plus-circle fa-lg"></i> 模态框
                </a>
            </div>
            <div class="col-xs-12 col-md-offset-2 col-md-4">
                <div class="input-group">
                    <span class="input-group-btn">
                        <a class="btn" href="#"><i class="fa fa-search"></i>&nbsp;查询</a>
                </span>
                    <input class="form-control" type="text">
                    <span class="input-group-btn advanced-query">
                        <a class="btn"  href="#" data-toggle="dropdown"> 高级查询&nbsp;<i class="fa fa-caret-down"></i> </a>
                        <div class="dropdown-menu advanced-query-container" role="dropdown-menu" data-options="closeOnBodyClick:false" id="advancedQuery">
                            <div class="advanced-query-content">
                                <form>
                                    <div style="width: 150px;height: 100px;">
                                        高级查询条件内容
                                    </div>
                                </form>
                            </div>
                        </div>
                </span>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-body" style="background-color: #fff;padding: 10px ">
        <table id="example" class="table table-striped table-bordered table-hover" data-select-style="single" data-select-info="false" id="parenttable"  rel="datatables">
            <thead>
                <tr>
                    <th>商品编码</th>
                    <th>商品名称</th>
                    <th>规格</th>
                    <th>单价</th>
                    <th>库存</th>
                    <th>已订购12</th>
                </tr>
            </thead>
            <tbody done8="1" done9="7">
                <tr>
                    <td align="left" class="sorted">
                        1
                    </td>
                    <td align="left">
                        苹果汁
                    </td>
                    <td align="left">
                        每箱24瓶
                    </td>
                    <td align="right">
                        ￥18.00
                    </td>
                    <td align="left">
                        39
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        2
                    </td>
                    <td align="left">
                        牛奶
                    </td>
                    <td align="left">
                        每箱24瓶
                    </td>
                    <td align="right">
                        ￥19.00
                    </td>
                    <td align="left">
                        17
                    </td>
                    <td align="left">
                        40
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        3
                    </td>
                    <td align="left">
                        蕃茄酱
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥10.00
                    </td>
                    <td align="left">
                        13
                    </td>
                    <td align="left">
                        70
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        4
                    </td>
                    <td align="left">
                        盐
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥22.00
                    </td>
                    <td align="left">
                        53
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        5
                    </td>
                    <td align="left">
                        麻油
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥21.35
                    </td>
                    <td align="left">
                        0
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        6
                    </td>
                    <td align="left">
                        酱油
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥25.00
                    </td>
                    <td align="left">
                        120
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        7
                    </td>
                    <td align="left">
                        海鲜粉
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥30.00
                    </td>
                    <td align="left">
                        15
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        8
                    </td>
                    <td align="left">
                        胡椒粉
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥40.00
                    </td>
                    <td align="left">
                        6
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        9
                    </td>
                    <td align="left">
                        鸡
                    </td>
                    <td align="left">
                        每袋500克
                    </td>
                    <td align="right">
                        ￥97.00
                    </td>
                    <td align="left">
                        29
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        10
                    </td>
                    <td align="left">
                        蟹
                    </td>
                    <td align="left">
                        每袋500克
                    </td>
                    <td align="right">
                        ￥31.00
                    </td>
                    <td align="left">
                        31
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        11
                    </td>
                    <td align="left">
                        大众奶酪
                    </td>
                    <td align="left">
                        每袋6包
                    </td>
                    <td align="right">
                        ￥21.00
                    </td>
                    <td align="left">
                        22
                    </td>
                    <td align="left">
                        30
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        12
                    </td>
                    <td align="left">
                        德国奶酪
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥38.00
                    </td>
                    <td align="left">
                        86
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        13
                    </td>
                    <td align="left">
                        龙虾
                    </td>
                    <td align="left">
                        每袋500克
                    </td>
                    <td align="right">
                        ￥6.00
                    </td>
                    <td align="left">
                        24
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        14
                    </td>
                    <td align="left">
                        沙茶
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥23.25
                    </td>
                    <td align="left">
                        35
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        15
                    </td>
                    <td align="left">
                        味精
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥15.50
                    </td>
                    <td align="left">
                        39
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        16
                    </td>
                    <td align="left">
                        饼干
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥17.45
                    </td>
                    <td align="left">
                        29
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        17
                    </td>
                    <td align="left">
                        猪肉
                    </td>
                    <td align="left">
                        每袋500克
                    </td>
                    <td align="right">
                        ￥39.00
                    </td>
                    <td align="left">
                        0
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        18
                    </td>
                    <td align="left">
                        墨鱼
                    </td>
                    <td align="left">
                        每袋500克
                    </td>
                    <td align="right">
                        ￥62.50
                    </td>
                    <td align="left">
                        42
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        19
                    </td>
                    <td align="left">
                        糖果
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥9.20
                    </td>
                    <td align="left">
                        25
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        20
                    </td>
                    <td align="left">
                        桂花糕
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥81.00
                    </td>
                    <td align="left">
                        40
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        21
                    </td>
                    <td align="left">
                        花生
                    </td>
                    <td align="left">
                        每箱30包
                    </td>
                    <td align="right">
                        ￥10.00
                    </td>
                    <td align="left">
                        3
                    </td>
                    <td align="left">
                        40
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        22
                    </td>
                    <td align="left">
                        糯米
                    </td>
                    <td align="left">
                        每袋3公斤
                    </td>
                    <td align="right">
                        ￥21.00
                    </td>
                    <td align="left">
                        104
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        23
                    </td>
                    <td align="left">
                        燕麦
                    </td>
                    <td align="left">
                        每袋3公斤
                    </td>
                    <td align="right">
                        ￥9.00
                    </td>
                    <td align="left">
                        61
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        24
                    </td>
                    <td align="left">
                        汽水
                    </td>
                    <td align="left">
                        每箱12瓶
                    </td>
                    <td align="right">
                        ￥4.50
                    </td>
                    <td align="left">
                        20
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
                <tr>
                    <td align="left" class="sorted">
                        25
                    </td>
                    <td align="left">
                        巧克力
                    </td>
                    <td align="left">
                        每箱30盒
                    </td>
                    <td align="right">
                        ￥14.00
                    </td>
                    <td align="left">
                        76
                    </td>
                    <td align="left">
                        0
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

<script>
    $(function(){
        $('#example').DataTable();
    });

</script>